<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>注册设置密码</title>

</head>
<body>
<div id="my-wrapper" th:switch="${internationalization}">
    <div th:case="'zh'" class="my-container"
         style="width: 700px;margin: 0 auto;border: 1px solid #D1DEF0;">
        <div class="my-header" style="position: relative;
        width: 700px;
        left: -1px;
        top: -1px;
        height: 136px;
        ">
            <img src="https://resource.beta.dataeco.com/image/headimage.png"
                 style="display: block;width: 100%;height: 100%"/>
        </div>
        <div class="my-content" style="padding: 20px 50px 50px 50px;
        width: 600px;
        ">
            <div class="my-content-tit" style="width: 560px;
        border: 1px solid #D1DEF0;
        padding: 20px;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #99A6B6;
        letter-spacing: 0;
        font-weight: normal;
        margin-bottom: 28px;">
                dataeco平台和全球众多领先的移动视频广告，交互类广告，AR广告等新型移动广告平台及DSP展开战略合作。致力于通过移动广告技术，企业级产品优化和大数据服务帮助全球移动开发者提升流量变现效率并提高收入。公司总部设于北京，在中国广州，美国硅谷圣何塞，洛杉矶设有分公司。
            </div>
            <div class="my-content-center" style=" font-family: PingFangSC-Regular;
        font-size: 18px;
        color: #666262;
        letter-spacing: 0;
        text-align: center;
        margin-bottom: 27px;">
                <p style=" margin: 0;
        padding: 0;">您好，根据您的请求，我们向您发送这封邮件来帮助您找回密码。</p>
                <p style=" margin: 0;
        padding: 0;">请点击下方按钮重置您的dataeco账户密码</p>
            </div>
            <div class="my-content-btn" style="margin: 0 auto 15px;
        font-family: PingFangSC-Medium;
        width: 300px;
        height: 45px;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 45px;">
                <!--<a style=" border-radius: 5px;-->
                <!--display: block;-->
                <!--text-decoration: none;-->
                <!--background: #4277DE;-->
                <!--color: #FFFFFF;" href="https://dashboard.dataeco.com/#/resetpwd?email=${email}" target="_blank">重置密码</a>-->
                <a style=" border-radius: 5px;
        display: block;
        text-decoration: none;
        background: #4277DE;
        color: #FFFFFF;" th:href="${webUrl}" target="_blank">重置密码</a>
            </div>
            <div class="my-content-link" style=" font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #666262;
        text-align: center;">
                <p style=" margin: 0;
        padding: 0;">无法点击设置，请复制链接到浏览器地址栏访问</p>
                <!--<p style=" margin: 0;-->
                <!--padding: 0;">-->
                <!--https://dashboard.dataeco.com/#/resetpwd?email=${email}-->
                <!--</p>-->
                <p style=" margin: 0;
        padding: 0;">
                    <span th:text="${webUrl}"></span>
                </p>
            </div>
        </div>
    </div>
    <div th:case="'tw'" class="my-container"
         style="width: 700px;
               margin: 0 auto;
               border: 1px solid #D1DEF0;
               ">
        <div class="my-header-en" style="position: relative;
        width: 700px;
        left: -1px;
        top: -1px;
        height: 136px;
       ">
            <img src="https://resource.beta.dataeco.com/image/headimage-hk.png"
                 style="display: block;width: 100%;height: 100%"/>
        </div>
        <div class="my-content" style="padding: 20px 50px 50px 50px;
        width: 600px;
        ">
            <div class="my-content-tit" style="width: 560px;
        border: 1px solid #D1DEF0;
        padding: 20px;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #99A6B6;
        letter-spacing: 0;
        font-weight: normal;
        margin-bottom: 28px;">
                dataeco平臺和全球眾多領先的移動視頻廣告，交互類廣告，AR廣告等新型移動廣告平臺及DSP展開戰略合作。致力於通過移動廣告技術,企業級產品優化和大數據服務幫助全球移動開發者提升流量變現效率並提高收入.公司總部設於中國北京，在中國廣州，美國矽谷聖何塞，洛杉磯設有分公司。
            </div>
            <div class="my-content-center" style=" font-family: PingFangSC-Regular;
        font-size: 18px;
        color: #666262;
        letter-spacing: 0;
        text-align: center;
        margin-bottom: 27px;">
                <p style=" margin: 0;
        padding: 0;">您好，根據您的請求，我們向您發送這封郵件來幫助您重置密碼。</p>
                <p style=" margin: 0;
        padding: 0;">請點擊下方連結重置您的dataeco帳戶密碼</p>
            </div>
            <div class="my-content-btn" style="margin: 0 auto 15px;
        font-family: PingFangSC-Medium;
        width: 300px;
        height: 45px;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 45px;">
                <!--<a style=" border-radius: 5px;-->
                <!--display: block;-->
                <!--text-decoration: none;-->
                <!--background: #4277DE;-->
                <!--color: #FFFFFF;" href="https://dashboard.dataeco.com/#/resetpwd?email=${email}" target="_blank">重置密碼</a>-->
                <a style=" border-radius: 5px;
        display: block;
        text-decoration: none;
        background: #4277DE;
        color: #FFFFFF;" th:href="${webUrl}" target="_blank">重置密碼</a>
            </div>
            <div class="my-content-link" style=" font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #666262;
        text-align: center;">
                <p style=" margin: 0;
        padding: 0;">無法點擊設定，請複製連結到流覽器地址欄訪問</p>
                <!--<p style=" margin: 0;-->
                <!--padding: 0;">-->
                <!--https://dashboard.dataeco.com/#/resetpwd?email=${email}-->
                <!--</p>-->
                <p style=" margin: 0;
        padding: 0;">
                    <span th:text="${webUrl}"></span>
                </p>
            </div>
        </div>
    </div>
    <div th:case="'en'" class="my-container"
         style="width: 700px;
                margin: 0 auto;
                border: 1px solid #D1DEF0;
              ">
        <div class="my-header-tw"
             style="position: relative;
        width: 700px;
        left: -1px;
        top: -1px;
        height: 136px;
       ">
            <img src="https://resource.beta.dataeco.com/image/headimage-en.png"
                 style="display: block;width: 100%;height: 100%"/>
        </div>
        <div class="my-content" style="padding: 20px 50px 50px 50px;
        width: 600px;
        ">
            <div class="my-content-tit" style="width: 560px;
        border: 1px solid #D1DEF0;
        padding: 20px;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #99A6B6;
        letter-spacing: 0;
        font-weight: normal;
        margin-bottom: 28px;">
                dataeco partners with most leading global mobile ad networks and DSPs such as mobile video ads, playable
                ads and AR ads demand side platforms. Our mission is to empower developers to optimize and monetize
                efficiently based on our programmatic IO experience, big data analytics and AI technology.
            </div>
            <div class="my-content-center" style=" font-family: PingFangSC-Regular;
        font-size: 18px;
        color: #666262;
        letter-spacing: 0;
        text-align: center;
        margin-bottom: 27px;">
                <p style="margin: 0;padding: 0">Hi, According to your request, we send you this email to reset the
                    password.</p>
                <p style=" margin: 0;
        padding: 0;">Please click on the link below to reset your dataeco account password</p>
            </div>
            <div class="my-content-btn" style="margin: 0 auto 15px;
        font-family: PingFangSC-Medium;
        width: 300px;
        height: 45px;
        border-radius: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 45px;">
                <!--<a style=" border-radius: 5px;-->
                <!--display: block;-->
                <!--text-decoration: none;-->
                <!--background: #4277DE;-->
                <!--color: #FFFFFF;" href="https://dashboard.dataeco.com/#/resetpwd?email=${email}" target="_blank">Reset Password</a>-->
                <a style=" border-radius: 5px;
        display: block;
        text-decoration: none;
        background: #4277DE;
        color: #FFFFFF;" th:href="${webUrl}" target="_blank">Reset Password</a>
            </div>
            <div class="my-content-link" style=" font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #666262;
        text-align: center;">
                <p style=" margin: 0;
        padding: 0;">Can not click settings, please copy the link to the browser address bar for visiting</p>
                <!--<p style=" margin: 0;-->
                <!--padding: 0;">-->
                <!--https://dashboard.dataeco.com/#/resetpwd?email=${email}-->
                <!--</p>-->
                <p style=" margin: 0;
        padding: 0;">
                    <span th:text="${webUrl}"></span>
                </p>
            </div>
        </div>
    </div>
    <script>
        var oMeta = document.createElement('meta');
        oMeta.charset = 'utf-8';
        oMeta.httpEquiv = "Content-Security-Policy";
        oMeta.content = "default-src *; style-src 'self' 'unsafe-inline'; script-src: 'self' 'unsafe-inline' 'unsafe-eval'"
        document.getElementsByTagName('head')[0].appendChild(oMeta);
    </script>
</div>
</body>
</html>